<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
	<meta charset="UTF-8">
	<title>在线测验系统</title>
	<meta name="viewport"
		content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<link rel="stylesheet" th:href="@{/plug/element-ui/theme-chalk/index.css}" />
	<link rel="stylesheet" th:href="@{/plug/vant/lib/index.css}" />
	<link rel="stylesheet" th:href="@{/css/index.css}" />
	<script th:src="@{/plug/vue/vue.js}"></script>
	<script th:src="@{/plug/axios/axios.min.js}"></script>
	<script th:src="@{/plug/axios/request.js}"></script>
	<script th:src="@{/plug/element-ui/index.js}"></script>
	<script th:src="@{/plug/vant/lib/vant.min.js}"></script>
	<script th:src="@{/plug/lodash.min.js}"></script>
	<script th:src="@{/js/index.js}"></script>
	<style scoped lang="less">
		html,
		body {
			width: 100%;
			height: 100%;
			overflow-x: hidden;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
		}
		.van-tabs__line {
		    width: 30%!important;
		}
	</style>
</head>

<body>
	<div id="mainApp">
		<van-row>
			<van-nav-bar title="">
				<template #left>
					<van-icon name="https://b.yzcdn.cn/vant/icon-demo-1126.png" ></van-icon>XX职培
				</template>
				<template #right>
					<span @click="toMy">个人中心</span>
				</template>
			</van-nav-bar>
		</van-row>
		<van-row layout:fragment="fragment_body"></van-row>
		<van-tabbar v-model="activeMenu" @change="onTabbar">
			<van-tabbar-item to="/index" name="index" icon="home-o">首页</van-tabbar-item>
			<van-tabbar-item to="/my" name="my" icon="todo-list-o">我的</van-tabbar-item>
			<!--<van-tabbar-item to="/record" name="record" icon="more-o">测验记录</van-tabbar-item>-->
			<!--<van-tabbar-item to="/auth" name="auth" icon="friends-o">我的</van-tabbar-item>-->
		</van-tabbar>
	</div>
	<script>
		const mainApp = {
            el: '#mainApp',
            data: {
				activeMenu: 'home'
            },
            mounted() {
				
			},
			computed: {
				
			},
			methods: {
				onTabbar(index) {
			      window.location.href='/user/' + index
			    },
				toMy() {
			      window.location.href='/user/my'
			    },
			}
        }
	</script>
	<th:block layout:fragment="fragment_script"></th:block>
	<script th:src="@{/js/VueCreate.js}"></script>
</body>

</html>